<template>
   <div id="center">
        <div class="content-title">
            <div class="tab-item">
         <router-link to="/center/xgsg">新股申购</router-link>
       </div>
         <div class="tab-item">
         <router-link to="/center/xgss">新股上市</router-link>
          </div>
        </div>
        <keep-alive>
         <router-view></router-view>
       </keep-alive>
       
      </div>
</template>
<script>
  //统计
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?2146f1d61bc2d5c77582b3153b1335f0";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<style lang='scss' scoped>
#center{
    box-sizing: border-box;
    margin: 0 auto;
    width: 1200px;
    background:#27282E;
    border: 1px solid #323337;
  
  .content-title{
    box-sizing: border-box;
    text-align: center;
    height:42px;
    border-bottom:1px solid #25262A;
    margin-bottom: 16px;
    font-size:16px;
    font-weight:400;
    line-height:42px;
    display: flex;
    justify-content: center;
     .tab-item{
    margin-right: 124px;
    a{
        display: inline-block;
        color: #BCBFC4;
        }
         .active{
            color: #EA2828; 
            border-bottom: 2px solid #EA2828;        
          }
  }
   .tab-item:last-child{
    margin-right: 0;
   }  
  }
}
</style>
